<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0032)https://app.chrometa.com/clients -->
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Clients &amp; Projects | Chrometa</title>
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
<link href="args/screen.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/print.css" media="print" rel="stylesheet" type="text/css">
<!--[if lt IE 8]><link href="/stylesheets/compiled/ie.css?1309426433" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
<link href="args/styles.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/header.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/modal.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/navigation.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/jqModal.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/prettyLoader.css" media="screen" rel="stylesheet" type="text/css">

<link href="args/jquery.fancybox-1.3.1.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/jquery.autocomplete.css" media="screen" rel="stylesheet" type="text/css">


<link href="args/jquery-ui-1.8rc2.custom.css" media="screen" rel="stylesheet" type="text/css">
<link href="args/tipsy.css" media="screen" rel="stylesheet" type="text/css">

	
<script src="args/jquery.min.js" type="text/javascript"></script>
<script src="args/jquery.tools.min.js" type="text/javascript"></script>
<script src="args/application.js" type="text/javascript"></script>
<script src="args/date.format.js" type="text/javascript"></script>
<script src="args/jquery.editable-1.3.3.js" type="text/javascript"></script>
<script src="args/jquery.shiftcheckbox.js" type="text/javascript"></script>
<script src="args/jquery-ui.min.js" type="text/javascript"></script>
<script src="args/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="args/jquery.idTabs.js" type="text/javascript"></script>
<script src="args/jquery.tipsy.js" type="text/javascript"></script>
<script src="args/categorization.js" type="text/javascript"></script>
<script src="args/jquery.jeditable.js" type="text/javascript"></script>
<script src="args/jqModal.js" type="text/javascript"></script>
<script src="args/jquery.hotkeys-0.7.9.min.js" type="text/javascript"></script>
<script src="args/jquery.prettyLoader.js" type="text/javascript"></script>
<script src="args/highcharts.js" type="text/javascript"></script>
<script src="args/jquery.blockUI.js" type="text/javascript"></script>
<script src="args/manualentry.js" type="text/javascript"></script>
<script src="args/awayentry.js" type="text/javascript"></script>
<script src="args/jquery.form.js" type="text/javascript"></script>
<script src="args/jquery.validate.js" type="text/javascript"></script>
<script src="args/bbq.js" type="text/javascript"></script>
<script src="args/entries.js" type="text/javascript"></script>
<script src="args/jquery.form.wizard-3.0.4.min.js" type="text/javascript"></script>
<script src="args/jquery.quicksearch.js" type="text/javascript"></script>
<script src="args/rules.js" type="text/javascript"></script>
<script src="args/jquery.tooltip" type="text/javascript"></script>
<script src="args/toolbar.js" type="text/javascript"></script>
<script src="args/menu.context.js" type="text/javascript"></script>
<script src="args/timeline.js" type="text/javascript"></script>
<script src="args/jquery.jeditable.js" type="text/javascript"></script>
<script src="args/jquery.dataTables.js" type="text/javascript"></script>
<script src="args/jquery.jgrowl.js" type="text/javascript"></script>
<script src="args/jquery.rails.js" type="text/javascript"></script>

	<link rel="shortcut icon" href="https://app.chrometa.com/images/favicon.ico" type="image/ico">
  <style type="text/css" charset="utf-8">#tender_window{ position:absolute; top:20px; left:50%; margin-left:-340px; width:680px; height:615px; padding:3px; background:url(https://chrometa.tenderapp.com/images/widget/overlay_back.png); z-index:9999; }#tender_window iframe{ border:none; width:100%; height:100%; } #tender_window #tender_frame{ width:100%; height:100%; background:url(https://chrometa.tenderapp.com/images/widget/loader.gif) 50% 50% no-repeat #fff; } #tender_closer{ position:absolute; top:18px; right:18px; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; border:none; } #tender_closer{ color: #80B3CC }#tender_toggler{ position:absolute; top:100px; right:0px; width:33px; height:105px; padding:3px 0 3px 3px; background:url(https://chrometa.tenderapp.com/images/widget/overlay_back.png); } #tender_toggler_link{ display:block; width:100%; height:100%; text-decoration:none; border:none; text-indent:-9999px; background: #006699 url(https://chrometa.tenderapp.com/images/widget/tab_text_.gif) !important; } </style><script type="text/javascript" async="" src="args/js"></script><script type="text/javascript" async="" src="args/in.php"></script></head>
  <body class="bp">
	<div class="header-container">
	<style>
.links {
  border-radius:16px;
  -moz-border-radius:16px;
  background:#fbfafa;
  margin-right:10%;
  margin-left:10%;
}

.links a {
  font-size:2.0em;
  font-weight:bolder;
}

.links a:link {
  color:#333333;
  padding-left:16px;
  padding-right:16px;
  text-decoration:none;
}

.links a:focus {
  color:#8a2be2;
  padding-left:16px;
  padding-right:16px;
  text-decoration:none;
}

.links a:active {
  color:#666666;
  padding-left:16px;
  padding-right:16px;
  text-decoration:none;
}

</style>





  
  
  
  


<div id="nav-container">
<ul class="navigation">
<li class="normal first">

<a href="https://app.chrometa.com/dashboard">Dashboard</a>

</li>
<li class="normal mid">

<a href="https://app.chrometa.com/summaries?cat_filter=false&start=2011-07-01">Reports</a>


</li>




<li class="current mid">
<a href="args/Clients & Projects   Chrometa.htm">Categories</a>
</li>
<li class="normal last">
<a href="https://app.chrometa.com/rules">Rules</a>
</li>





<!--



<li class= "normal right">
<a href="/settings">Settings</a>
</li>
<li class= "normal right">
<a href="/devices">Devices</a>
</li>-->
</ul>
<div class="top-right-buttons">
<ul>

<li class="first help">
<a href="args/Clients & Projects   Chrometa.htm" id="help_button">Help</a>
</li>
<li class="mid"><a href="https://app.chrometa.com/tutorial">Tutorials</a></li>
<li class="normal mid"><a href="https://app.chrometa.com/account">Account</a></li>
<li class="last"><a href="https://app.chrometa.com/logout">Log Out</a></li>

</ul>
</div>


</div>



	</div>
	
	
	
<div id="annoucements">

<img src="args/flag_blue.png">&nbsp;<span class="announcement">Tips - and new features - on rules for automatic categorization, <span class="learn_more"><a href="http://eepurl.com/eqMWw" target="_blank">Learn More ...</a></span></span>



<span class="hide_message">

<a href="https://app.chrometa.com/hide_announcements?current_controller=clients" class="click_hide_message"></a></span>

  
</div>


	
	<div class="top-flash" id="flash">
			</div>
	
	<div class="clear"></div>
	<div class="main-container">
	<div class="container3">	
	  <div class="main-column-left">
	  	<div id="content">
		    <div class="subnav">
	<ul>
		<li class="tab first active"><a href="args/Clients & Projects   Chrometa.htm">Clients &amp; Projects</a></li>
		<li class="tab"><a href="https://app.chrometa.com/personal_categories">Personal</a></li>
		<li class="tab last"><a href="https://app.chrometa.com/imports">Import</a></li>
		
	</ul>
</div>

<div class="clear"></div>

<table class="categories-legend">
  <tbody><tr>
  	<td class="client-name">
		Name
	</td>
	<td class="category_type">
		Type
	</td>
	<td class="billing-rate">
		Rate/hr
	</td>
  </tr>
</tbody></table>
<table class="categories">
	
  
	  <tbody><tr class="client">
	  	<td class="client-name">
			we
		</td>
		<td class="category_type">
			<span class="client_label">Client</span>
		</td>
		<td class="billing-rate"></td>
		<td class="status">
			<span class="add-subcategory"><a class="add_project_button" id="8034">Add Project</a></span>
		</td>
		<td class="category-options">
			<a href="https://app.chrometa.com/clients/8034/edit" class="edit ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" role="button" title=""><span class="ui-button-icon-primary ui-icon ui-icon-pencil"></span><span class="ui-button-text"></span></a>
			<a href="https://app.chrometa.com/clients/8034" class="delete ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" onclick="if (confirm(&#39;Are you sure you want to delete we and all projects belonging to we?&#39;)) { var f = document.createElement(&#39;form&#39;); f.style.display = &#39;none&#39;; this.parentNode.appendChild(f); f.method = &#39;POST&#39;; f.action = this.href;var m = document.createElement(&#39;input&#39;); m.setAttribute(&#39;type&#39;, &#39;hidden&#39;); m.setAttribute(&#39;name&#39;, &#39;_method&#39;); m.setAttribute(&#39;value&#39;, &#39;delete&#39;); f.appendChild(m);var s = document.createElement(&#39;input&#39;); s.setAttribute(&#39;type&#39;, &#39;hidden&#39;); s.setAttribute(&#39;name&#39;, &#39;authenticity_token&#39;); s.setAttribute(&#39;value&#39;, &#39;kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=&#39;); f.appendChild(s);f.submit(); };return false;" role="button" title=""><span class="ui-button-icon-primary ui-icon ui-icon-trash"></span><span class="ui-button-text"></span></a>
		</td>
	  </tr>
  	  	
		
		<tr>
			<td class="project-name">
				rwe 
			</td>
			<td class="category_type">
				<span class="project_label">Project</span>
			</td>
			<td class="billing-rate">
			</td>
			<td class="status">
			</td>
			<td class="category-options">
				<a href="https://app.chrometa.com/projects/11066/edit" class="edit ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" role="button" title=""><span class="ui-button-icon-primary ui-icon ui-icon-pencil"></span><span class="ui-button-text"></span></a>
				<a href="https://app.chrometa.com/projects/11066" class="delete ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" onclick="if (confirm(&#39;Are you sure you want to delete rwe?&#39;)) { var f = document.createElement(&#39;form&#39;); f.style.display = &#39;none&#39;; this.parentNode.appendChild(f); f.method = &#39;POST&#39;; f.action = this.href;var m = document.createElement(&#39;input&#39;); m.setAttribute(&#39;type&#39;, &#39;hidden&#39;); m.setAttribute(&#39;name&#39;, &#39;_method&#39;); m.setAttribute(&#39;value&#39;, &#39;delete&#39;); f.appendChild(m);var s = document.createElement(&#39;input&#39;); s.setAttribute(&#39;type&#39;, &#39;hidden&#39;); s.setAttribute(&#39;name&#39;, &#39;authenticity_token&#39;); s.setAttribute(&#39;value&#39;, &#39;kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=&#39;); f.appendChild(s);f.submit(); };return false;" role="button" title=""><span class="ui-button-icon-primary ui-icon ui-icon-trash"></span><span class="ui-button-text"></span></a>
			</td>
		</tr>
		
	  
  

</tbody></table>

  

<div>
	<div class="modal_container jqmID1" id="add_client_modal">
		<div class="modal-header">
			<h1>Add Client</h1>
		</div>
		<div class="error">
			Oops! You need to enter a text name for your client.
		</div>
		<form id="add_client_form">
				<label>Client Name</label>
					<input type="text" name="name" class="client-name"><br>
			<div class="modal-footer">
				<div class="buttons">
					<button class="positive" id="add_client" name="button_clicked" type="submit" value="add_client">
					   <img alt="Tick" src="args/tick.png">
					   Save
					</button>
					<button type="reset" class="negative" id="cancel_add_client_button">
					        <img src="args/cross.png" alt=""> 
					        Cancel
				 	</button>
				</div>
			</div>
		</form>
	</div>
</div>
<div>
	<div class="modal_container jqmID2" id="add_project_modal">
		<div class="modal-header">
			<h1>Add Project</h1>
		</div>
		<div class="error">
			Oops! You need to enter a text name for your project (ex. "ABC") and a valid number (ex. "0.00") for the hourly rate.
		</div>
		<form id="add_project_form">
			<input id="client" name="client" type="hidden">
				<label>Project Name</label>
					<input type="text" name="name" class="project-name"><br>
				<label>Hourly billing rate</label>
					<input type="text" name="rate" class="project-rate" value=""><br>
					
					   
			<div class="modal-footer">
				<div class="buttons">
					<button class="positive" id="add_project" name="button_clicked" type="submit" value="add_project">
					   <img alt="Tick" src="args/tick.png">
					   Save
					</button>
					<button type="reset" class="negative" id="cancel_add_project_button">
					        <img src="args/cross.png" alt=""> 
					        Cancel
				 	</button>
				</div>
			</div>
		</form>
	</div>
</div>
		</div>
	  </div>
	  <div class="right-bar">
		<div class="panel">
	<div class="panel-header">
			Got a new client?
	</div>
	
	<div class="right-bar-button add-category" id="add_client_button">
		<a><img src="args/user_add.png">Add Client</a>
	</div>

</div>

<!--
<div class="panel">
	<div class="panel-header">
			Import clients/projects
	</div>
	
	<div class ="right-bar-button add-category" id="upload_csv_button">
		<a><img src="/images/famfamfam/page_white_text.png" />Import from CSV</a>
	</div>

</div>
-->

<div class="panel">
	<div class="panel-header">
			First-timers...
	</div>

	<div class="right-bar-tips">
		<p>Don't see any clients or projects on the left? Start by adding your first client.</p>
	</div>
</div>
	  </div>
	</div>
	</div>

	<div class="clear"></div>

	<div class="footer-container">
	  
<script type="text/javascript" charset="utf-8">
  Tender = {
    hideToggle: true,
	sso: 'wdqPPbRAawQ88VSAE-iGB2UPbaNaivuF_nfh4pU4I-_Ksi8igPHJWx0toY_-4YDzBt8AuoV7nidIXLYkbkR_8c0MPzsthxKP7OClN32sgFo',
    widgetToggles: $("#help_button")
  }
</script>
<script src="args/tender_widget.js" type="text/javascript"></script>


<script type="text/javascript">
var clicky = { log: function(){ return; }, goal: function(){ return; }};
var clicky_site_id = 249618;
(function() {
  var s = document.createElement('script');
  s.type = 'text/javascript';
  s.async = true;
  s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
  ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>
<noscript>&lt;p&gt;&lt;img alt="Clicky" width="1" height="1" src="https://in.getclicky.com/249618ns.gif" /&gt;&lt;/p&gt;</noscript>
	</div><div><div id="tender_toggler" style="display: none; "><a href="https://app.chrometa.com/clients#" id="tender_toggler_link">Help &amp; Support</a></div></div>

	
	
  
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div></body></html>